@import "../style/common.scss";

.#{$page} {
  .catalog {
    ul {
      padding: 0 10px;
      list-style: none;
      li {
        margin: 10px 0;
      }
      li.folder {
        color: #666;
        font-size: 14px;
      }
      li.component {
        position: relative;
        cursor: pointer;
        transition: all 0.2s;
        color: black;
        font-size: 16px;
        &:after {
          content: "";
          position: absolute;
          right: 0;
          top: 0;
          height: 22px;
          width: 3px;
          background: linear-gradient(#1890ff99, #1890ff66);
          opacity: 0;
          transition: all 0.2s;
        }
        &:hover,
        &.active {
          color: #1890ff;
          &:after {
            opacity: 1;
          }
        }
      }
    }
  }
}
